<template>
  <div>
    <mynavbar></mynavbar>

    <van-nav-bar>
      <template #left>
        <van-icon name="clock-o" size="18" color="red" />申请退货
      </template>
      <template #right>
        <van-icon name="arrow" size="18" />
      </template>
    </van-nav-bar>
    <van-nav-bar>
      <template #left>
        <van-icon name="logistics" size="18" color="orange" />申请换货
      </template>
      <template #right>
        <van-icon name="arrow" size="18" />
      </template>
    </van-nav-bar>
    <van-nav-bar>
      <template #left>
        <van-icon name="cash-back-record" size="18" color="red" />仅退款
      </template>
      <template #right>
        <van-icon name="arrow" size="18" />
      </template>
    </van-nav-bar>
    <van-nav-bar>
      <template #left> <van-icon name="close" size="18" />申请维修 </template>
      <template #right>
        <van-icon name="arrow" size="18" />
      </template>
    </van-nav-bar>
    <van-nav-bar>
      <template #left>
        <van-icon name="smile-comment-o" size="18" />售后记录
      </template>
      <template #right>
        <van-icon name="arrow" size="18" />
      </template>
    </van-nav-bar>
    <van-nav-bar>
      <template #left>
        <van-icon name="refund-o" size="18" />价格保护
      </template>
      <template #right>
        <van-icon name="arrow" size="18" />
      </template>
    </van-nav-bar>
    <van-nav-bar>
      <template #left>
        <van-icon name="orders-o" size="18" />发票服务
      </template>
      <template #right>
        <van-icon name="arrow" size="18" />
      </template>
    </van-nav-bar>
    <van-nav-bar>
      <template #left>
        <van-icon name="service-o" size="18" />在线客服
      </template>
      <template #right>
        <van-icon name="arrow" size="18" />
      </template>
    </van-nav-bar>
  </div>
</template>

<script>
import mynavbar from "../item/mynavbar.vue";
export default {
  components: {
    mynavbar,
  },
};
</script>

<style scoped>
.van-nav-bar {
  border-bottom: 0.0625rem solid #999;
  margin: 0.625rem 0;
}
</style>